<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        video{
            width: 400px;
        }
    </style>
</head>
<body>
    <!-- 音频标签 
        属性名和属性值一样时,可以只写属性名
        controls 添加一个控制器
        autoplay 设置自动播放
        loop 设置重复播放

        视频标签
        poster 视频封面
     -->
     <audio src="./胡彦斌 - 纸短情长 (Live片段).mp3" controls ></audio>

     <video src="./WeChat_20220825194647.mp4" controls poster="./e.png" ></video>
     <button>点击</button>
     <button>暂停</button>
     <script>
         var but = document.querySelectorAll("button");
         var audio = document.querySelector("audio");
         var video = document.querySelector("video");
         but[0].onclick = function(){
             audio.load();  //重新加载
             audio.play();  //播放音频
         }
         but[1].onclick = function(){
             console.log(audio.currentTime); //获取播放的时间 也可以设置
             audio.pause()
         }
     </script>
</body>
</html>